/* 
    Document   : imageCSS
    Created on : Apr 29, 2013, 6:24:13 PM
    Author     : Mark
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.thumbnail
{
    float:left;
    width:110px;
    height:90px;
    margin:5px;
}

#imagePanel{

    border-style: groove;
    border-left-style: none;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 55%;
    overflow: auto;
    background-image: url(../../images/PostcardBackground.png);
    font-size: large;
    
}
#uploadPanel{
/*    position: absolute;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top-style: none;*/
}
#tripButton{
    position: absolute;
    right: 25px;
    top: 5px;
} 
#UploadButton{
    position: absolute;
    right: 25px;
    bottom: 23%;
}
#uploadForm{
    position: absolute;
    bottom: 24%;
    left: 2px;
}
#topTitleBar{
    text-align:center;
}

#editButton{
    position: absolute;
    left:45%;
    top: 52px
}

#tripname{
    top:5px;
    position: absolute;
    left: 22%;
    text-align: center;
    background-color: transparent;
    border: transparent;
    font-size: 30pt;
        font-family: monospace;
    font-style: normal;
    
}


#backButton{
    position: absolute;
    left: 15px;
    top: 20px
}

#bigDiv{
    z-index: 3;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:auto;
    display:none;
}
#bigImage{
    border-style: solid;
    border-width: 4px;
    max-width: 90%;
    max-height: 90%;
}
